<template>
  <!--首页-->
  <div>
    <!--    <head-view></head-view>-->
    <h1>调度</h1>
    <!--标签页-->
    <!-- <el-row>
       <el-button type="primary"  ref="btn">获取ref</el-button>
       <el-button  ref="btn2"  id="aa">获取ref2</el-button>
       <el-button ref="vue_p">Hello, world!</el-button>
     </el-row>-->
    <ul style="display: flex;background:#333;color: #f9fafc">
      <li class="liaa">ces</li>
      <li class="liaa">1</li>
      <li class="liaa">1</li>
      <li class="liaa">1</li>
    </ul>
  </div>


</template>

<script>
  export default {
    data () {
      return {
        datas: {
          fleetId: 6,
          all: 1,
        },
        getDatas: [],
        // 获取用户列表的参数对象
        queryInfo: {
          query: '',
          // 当前的页数
          pagenum: 1,
          // 当前每页显示多少条数据
          pagesize: 2
        },
        userlist: [],
        total: 0,
        search: '搜索',
        activeName: 'first',
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }],
      }

    },
    mounted () {
      this.$refs.vue_p.innerHTML = 'aa'
      this.$nextTick(() => {
        console.log('ces')
        this.$refs.vue_p.innerHTML = 'aa'
        console.log(this.$refs.vue_p.innerHTML)
      })
      this.getRef()
    },
    methods: {
      getRef () {
        let a = document.getElementById('vue_p')
        a.innerHTML = 'aa'
        a.style.backgroundColor = 'red'
        // let ref2 = self.$refs.btn2.style;
      }
    }
  }
</script>

<style scoped>
  .el-main {
    line-height: 0px;
  }
  .liaa{
    margin-left: 20%;
  }
</style>
